<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>音视频</title>
</head>
<body>
  <!-- 1、视频标签 
    src——指向视频链接地址
    controls——控制进度条
    autoplay——自动播放
    loop——循环播放
    poster——视频播放前的图片显示
  -->
  <video controls autoplay loop poster="./图片/1.jpg" src="./音视频/1.mp4"></video>
  
  <!-- 2、音频标签 -->
  <audio src="./音视频/1.mp3" controls></audio>

  <!-- 3、details标签 
  open-true默认展开-->
  <details open="true">
    <summary>足球</summary>
    <summary>篮球</summary>
    <summary>排球</summary>
  </details>
  <!-- 4、figure -->
  <figure>
    <figcaption>这是图片</figcaption>
    <img src="./图片/3.jpg" alt="">
  </figure>

</body>
</html>